<% title t("views.moderations.heading") %>

<%= javascript_include_tag "modCenter", defer: true %>

<div id="moderation-page" aria-hidden="true"></div>

<% if current_user&.trusted? %>
  <div class="crayons-layout crayons-layout--2-cols crayons-layout--full" id="mod-center">
    <%= render "moderations/mod_sidebar_left" %>
    <main class="mod-index-container articles-list crayons-layout__content">

      <header class="mod-index-header hidden m:block">
        <div class="crayons-subtitle-1 flex">
          <% if @tag %>
            <span class="p-4 py-2">#<%= @tag.accessible_name %>:</span>
          <% end %>
          <a class="crayons-navigation__item p-4 py-2 <%= "crayons-navigation__item--current" if @feed == "inbox" %>" href="<%= request.path %>?state=inbox"><%= t("views.moderations.feed.inbox_filter") %></a>
          <a class="crayons-navigation__item p-4 py-2 ml-2 <%= "crayons-navigation__item--current" if @feed == "latest" %>" href="<%= request.path %>?state=latest"><%= t("views.moderations.feed.latest_filter") %></a>
        </div>
      </header>
        <div class="crayons-notice mb-4 border-2 border-solid border-accent-brand">
          <%= t("views.moderations.feed.#{@feed}_html") %>
        </div>
      <%= form_tag(request.path, method: :get, id: "members_filter_form") do %>
        <div class="mod-filter">
          <div class="crayons-layout__content mod-filter__item">
            <label class="mod-filter__label" for="members"><%= t("views.moderations.members.label") %>:</label>
            <%= select_tag :members,
                           options_for_select(
                             {
                               t("views.moderations.members.all") => "",
                               t("views.moderations.members.new") => "new",
                               t("views.moderations.members.established") => "not_new"
                             },
                             params[:members],
                           ),
                           { class: "crayons-select crayons-input-sm", "aria-label": t("views.moderations.members.filter"),
                             onchange: "this.form.submit();" } %>
            <%= hidden_field_tag :state, params[:state] %>
          </div>
        </div>
      <% end %>

      <section class="mod-index-body">
        <div class="mod-index-list-header lh-tight hidden m:grid">
          <h2 class="mod-index-list-header__label"><%= t("views.moderations.post") %></h2>
          <h2 class="mod-index-list-header__label"><%= t("views.moderations.author") %></h2>
          <h2 class="mod-index-list-header__label align-center"><%= t("views.moderations.date") %></h2>
        </div>

        <div class="mod-index-list" id="mod-index-list" data-articles="<%= @articles %>">
        </div>
      </section>
    </div>
    <div data-testid="flag-user-modal-container" class="flag-user-modal-container hidden"></div>
    <div data-testid="unpublish-post-modal-container" class="unpublish-post-modal-container hidden"></div>
  </main>
<% else %>
  <div class="container" style="margin-top: 90px;">
    <h1 class="pt-5" style="text-align: center"><%= t("views.moderations.notice.subtitle", community: community_name) %></h1>
    <div class="body">
      <p><%= t("views.moderations.notice.desc1_html", community: community_name) %></p>
      <p>
        <%= t("views.moderations.notice.desc2_html", code: link_to(t("views.moderations.notice.code_of_conduct"), code_of_conduct_path), trusted: link_to(t("views.moderations.notice.trusted"), community_moderation_path),
                                                     tag: link_to(t("views.moderations.notice.tag"), tag_moderation_path)) %>
      </p>
      <p><%= t("views.moderations.notice.desc3_html", email: mail_to(contact_link, contact_link)) %></p>
      <% unless user_signed_in? %>
        <p><em><%= t("views.moderations.notice.desc4") %></em></p>
      <% end %>
    </div>
  </div>
<% end %>
